<<style>
<!--
	div.catalog_grid:nth-child(2n + 0) {
		background-color: #fff8f8;
	}
-->
</style>

<div class="about">
	<div class="container">
		<h1 ng-if = "planStatus == '1'">已开线路</h1>
		<h1 ng-if = "planStatus != '1'">待开线路</h1>
	</div>
</div>
<div class="about_grid" style="background-color: #fff8f8">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<form class="search-form domain-search">
					<div class="three-fifth m_2 searchbar1 column first">
						<input type="text" class="text" placeholder="搜索" ng-model = 'search.key'>
					</div>
					<div class="one-fifth col_2 m_3">
						<input type="submit" value="搜索" ng-click="searchLine();">
					</div>
					<div class="clearfix"></div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="about_grid catalog_grid" ng-repeat = "catalog in catalogs">
	<div class="container">
		<div class="row row-offcanvas row-offcanvas-right">
			<div class="col-md-12 ">
				<h4 class="tz-title-4 tzcolor-blue">
					<p class="tzweight_Bold"  ng-if = "planStatus == '1'">
						<span class="m_1" ng-bind-html="catalog.catalog.replace(searchKey,'<font color=\'red\' style=\'background-color:yellow;\'>' + searchKey + '</font>') | to_trusted"><br></span>
					</p>
				</h4>
				<div>
					<div class="list_3 col-md-12" style="padding: 10px 0px;border-bottom: 1px solid #D7E8ED;line-height: 35px;" ng-repeat='line in catalog.lines'>
						<div style="display: inline-block;width: 70%;">
							<span ng-bind-html="line.lineName.replace(searchKey,'<font color=\'red\' style=\'background-color:yellow;\'>' + searchKey + '</font>') | to_trusted"></span>
							<div style="line-height: 20px;">
								<i class="fa fa-clock-o"></i> 
								<span ng-repeat="plan in line.plans" style="padding: 0px 10px;">{{plan.departTime}}</span>
							</div>
						</div>
	                	<a class="dt-sc-button small" href="#/booking/{{line.lineId}}/{{planStatus}}/plan" style="margin-right: 20px;">立即预订</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="about_grid catalog_grid" ng-if="searched && catalogs && catalogs.length == 0">
	<div class="container">
		<div class="row row-offcanvas row-offcanvas-right">
			<div class="col-md-12" style="min-height: 200px;">
				未搜索到信息
			</div>
		</div>
	</div>
</div>